<template>
  <div class="maintain">
    <div style="margin: 15px" />
    <el-form
      :label-position="labelPosition"
      label-width="130px"
      :model="formLabelAlign"
      style="max-width: 460px"
    >
      <el-form-item label="OA访问地址">
        <el-input v-model="formLabelAlign.name" />
      </el-form-item>
      <el-form-item label="授权信息到期提醒">
        <el-switch v-model="value1" />
      </el-form-item>
      <el-form-item label="提醒对象">
        <el-dropdown :hide-on-click="false" style="width：100px;">
          <span class="el-dropdown-link" style="width: 100px; height: 20px"
            >系统管理员
            <el-icon class="el-icon--right"><arrow-down /></el-icon>
          </span>
          <template #dropdown>
            <el-dropdown-menu>
              <el-dropdown-item>用户</el-dropdown-item>
              <el-dropdown-item>Action 2</el-dropdown-item>
              <el-dropdown-item>Action 3</el-dropdown-item>
            </el-dropdown-menu>
          </template>
        </el-dropdown>
      </el-form-item>
      <el-form-item label="图片存放目录">
        <el-input v-model="formLabelAlign.name" />
      </el-form-item>
      <el-form-item label="文件存放目录">
        <el-input v-model="formLabelAlign.region" />
      </el-form-item>
      <el-form-item label="文件备份目录">
        <el-input v-model="formLabelAlign.type" />
      </el-form-item>
      <el-form-item label="文件备份周期">
        <el-input v-model="formLabelAlign.name" />
      </el-form-item>
      <el-form-item label="系统文件">
        <el-input v-model="formLabelAlign.region" />
      </el-form-item>
      <el-form-item label="压缩存储">
        <el-switch v-model="value3" />
      </el-form-item>
      <el-form-item label="加密存储">
        <el-switch v-model="value2" />
      </el-form-item>
    </el-form>
  </div>
</template>

<script setup>
const value1 = ref(true);
const value2 = ref(true);
const value3 = ref(true);
import { reactive, ref } from "vue";

const labelPosition = ref("right");

const formLabelAlign = reactive({
  name: "",
  region: "",
  type: "",
});
</script>

<style scoped>
</style>
